import type { ExtractProps } from '@/utils/type'
import styleVar from '@/styles/variable.module.scss'
import { toStrFirstCase } from '@/utils'

namespace Font {
  export const name = toStrFirstCase(`${styleVar.namespace}Font`)
  export const props = {
    /**
     * 渐变阴影
     */
    shadow: {
      type: Boolean,
      default: true
    },
    /**
     * 渐变描边
     */
    stroke: {
      type: Boolean,
      default: true
    },
    /**
     * 渐变字体
     */
    font: {
      type: Boolean,
      default: false
    },
    /**
     * 文字
     */
    text: [String, Number],
    /**
     * 是否是图标
     */
    icon: String
  } 
  export type Props = ExtractProps.Types<typeof props>
  export const Component = <{
    new(): {
      $props: Props
    }
  }>{}
}
export default Font